$(document).ready(function () {
    let username = $("#hiddenUsername").val();

    // 检查登录状态并更新显示
    if ("${user}" == "") {
        document.getElementById("login-text-index").innerText = "您好，请登录"
        //将退出按钮隐藏
        document.getElementById("tuichu").style.display = "none"
        // 更新我的同程页面顶部的用户名显示
        $(".user-name").text("尊敬的会员")
    } else {
        document.getElementById("login-text-index").innerText = "Hi,同程会员" + username
        //将退出按钮显示
        document.getElementById("tuichu").style.display = "inline-block"
        //让登录按钮失去效果,页面不在跳转
        document.getElementById("login-text-index").href = "#"
        //隐藏注册按钮
        document.getElementById("zhuce").style.display = "none"
        // 更新我的同程页面顶部的用户名显示
        $(".user-name").text("Hi,同程会员"+username)
    }

    // 点击退出按钮
    $("#tuichu").click(function () {
        //将session域中的值清空
        $.ajax({
            url: "/logout",
            type: "post",
            dataType: "text",
            async: false,
            success: function (data) {
                if (data == 200) {
                    //将session域中的值清空
                    window.location.href = "/index.jsp"
                } else {
                    alert("退出失败")
                }
            }
        })
    });

    // 页面过渡动画
    $('.footer-link').click(function (e) {
        e.preventDefault();
        var href = $(this).attr('href');
        sessionStorage.setItem('lastClickedLink', href);
        $('body').fadeOut(300, function () {
            window.location.href = href;
        });
    });

    if (sessionStorage.getItem('lastClickedLink')) {
        $('body').hide().fadeIn(300);
        sessionStorage.removeItem('lastClickedLink');
    }

    // 服务亮点hover效果
    $('.highlight-item').hover(
        function () {
            $(this).stop().animate({transform: 'translateY(-5px)'}, 200);
        },
        function () {
            $(this).stop().animate({transform: 'translateY(0)'}, 200);
        }
    );
});